/* pages/user/vip/index.wxss */

.waic {
    position: relative;
    margin-top: 20rpx;
}
.type {
    width: 670rpx;
    height: 322rpx;
    border-radius: 16rpx;
    position: relative;
    /* display: inline-block;
  margin-left: 40rpx; */
    margin: auto;
}
.type-bac {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.type-bac > image {
    width: 100%;
    height: 100%;
}
.type-text {
    position: absolute;
    z-index: 2;
    width: 440rpx;
    right: 30rpx;
    top: 45rpx;
    padding-left: 20rpx;
    padding-bottom: 40rpx;
    box-sizing: border-box;
    border-bottom: 2rpx solid #ffffff;
    text-align: left;
}
.type-text > view {
    display: inline-block;
}
.type-text1 {
    font-size: 32rpx;
    font-weight: 700;
    color: #3a3943;
}
.type-text2 {
    font-size: 32rpx;
    font-weight: 700;
    color: #8e6d51;
    float: right;
}
.type-quan {
    position: absolute;
    z-index: 5;
    top: 150rpx;
    right: 60rpx;
}
.type-quan > view {
    display: inline-block;
}
.type-quan-fx {
    width: fit-content;
}
.type-quan-fx-img {
    width: 84rpx;
    height: 84rpx;
    margin: auto;
}
.type-quan-fx-img > image {
    width: 100%;
    height: 100%;
}
.type-quan-fx-text {
    font-size: 28rpx;
    color: #3a3943;
}

.type-quan-yj {
    width: fit-content;
    margin-left: 166rpx;
}
.type-quan-yj-img {
    width: 84rpx;
    height: 84rpx;
    margin: auto;
}
.type-quan-yj-img > image {
    width: 100%;
    height: 100%;
}
.type-quan-yj-text {
    font-size: 28rpx;
    color: #3a3943;
}
.type-left {
    width: 46rpx;
    height: 46rpx;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23rpx;
    z-index: 5;
    margin: auto;
}
.type-left > image {
    width: 100%;
    height: 100%;
}
.type-right {
    width: 46rpx;
    height: 46rpx;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 23rpx;
    z-index: 5;
    margin: auto;
}
.type-right > image {
    width: 100%;
    height: 100%;
}

/* detail */
.detail {
    padding: 40rpx;
}
.detail-title {
    font-size: 36rpx;
    font-weight: 700;
    text-align: left;
    color: #3a3943;
}
.detail-item {
    font-size: 32rpx;
    text-align: left;
    color: #3a3943;
    padding: 15rpx 0;
}

/* add */
.add {
    width: 560rpx;
    height: 80rpx;
    background: linear-gradient(#727084 0, #3a3943 100%);
    border-radius: 40rpx;
    color: #efdabf;
    text-align: center;
    line-height: 80rpx;
    margin: auto;
}
.has-time {
    text-align: center;
    color: #999;
    padding: 30rpx 0;
}
.end {
    height: 30rpx;
    width: 100%;
}
